/*=================================*/
/*          CSS Reset
/*=================================*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
    position: relative;
    min-height: 100%;
}


body {
	line-height: 1.5;
    font-size:14px;
    font-family:"Myriad Pro", tahoma, sans-serif;
    background:#fff;


    /* START PARALLAX */


    width  : 100%;
    height : 100%;
    overflow-x  : hidden;
}

#container_nav_holder {
    display: none;
}

#content:after{
    content: "";
  display: block;
}

#container_footer, #content:after{
    height:30px;
}


#content {
    position : fixed;
    top      : 0px;
    left     : 0px;
    width    : 100%;
    height   : 100%;
    margin-bottom:30px;
    min-height:100%;
}
/* to show properly left menu */
p, ul {
    list-style       : none;
}

section {
    min-height : 500px;
    min-height : 100%;
    width      : 100%;
    position   : absolute;
    overflow   : hidden;
    visibility : hidden;
}

/* default section show / hide animations */
section.start {
    top : 100%;
}

section.focus, section.to {
    bottom : 0%;
}

section.end {
    bottom : 100%;
}

/* default background image animation */

section .bg {
    position : absolute;
    left     : 0px;
    top      : 0%;
}

section .bg.start {
    top : -50%;
}

section .bg, section .bg.focus, section .bg.to {
    top : 0%;
}

section .bg.end {
    top : 100%;
}

.bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
}



/* Side Nav */

#nav{
    width:65px;
    height:320px;
    background: rgba(38, 57, 61, 0.6);
    border-radius:5px;
    border:1px solid rgba(250, 250, 250, 0.3);
}


ul#nav {
    position : fixed;
    left     : 0.4%;
    top      : 30%;
    z-index  : 999;
}

ul#nav li {
    width:0px;
    height:40px;
    line-height:40px;
    text-align:center;
    padding-top:2px;
    padding-bottom:10px;
    

}





ul#nav a {
    width:55px;
    height:55px;
    width:60px;
    
    display     : block;
    outline     : none;
}


ul#nav > li:hover:first-child a { background: url('../img/home.png') no-repeat; margin-left:6px; }
ul#nav > li:first-child + li:hover a { background: url('../img/about_icon.png') no-repeat; margin-left:6px;}
ul#nav > li:first-child + li + li:hover a { background: url('../img/how_we_work.png') no-repeat; margin-left:6px;}
ul#nav > li:first-child + li + li + li:hover a { background: url('../img/work_icon.png') no-repeat; margin-left:6px;}
ul#nav > li:first-child + li + li + li + li:hover a { background: url('../img/contact_icon.png') no-repeat;margin-left:6px; }

body.section-Home #nav li.Home a { text-indent: -9999px; background: url('../img/home.png') no-repeat; margin-left:6px; }
body.section-About #nav li.About a { text-indent: -9999px; background: url('../img/about_icon.png') no-repeat; margin-left:6px; }
body.section-Process #nav li.Process a { text-indent: -9999px; background: url('../img/how_we_work.png') no-repeat; margin-left:6px; }
body.section-Work #nav li.Work a { text-indent: -9999px; background: url('../img/work_icon.png') no-repeat; margin-left:6px; }
body.section-Contact #nav li.Contact a  { text-indent: -9999px; background: url('../img/contact_icon.png') no-repeat; margin-left:6px; }
#nav li.Blog a:hover { text-indent: -9999px; background: url('../img/blog_icon.png') no-repeat; margin-left:6px; }

/*BG VERSION*/
body.section-Начало #nav li.Начало a { text-indent: -9999px; background: url('../img/home.png') no-repeat; margin-left:6px; }
body.section-Ние #nav li.Ние a { text-indent: -9999px; background: url('../img/about_icon.png') no-repeat; margin-left:6px; }
body.section-Работа #nav li.Работа a { text-indent: -9999px; background: url('../img/how_we_work.png') no-repeat; margin-left:6px; }
body.section-Проекти #nav li.Проекти a { text-indent: -9999px; background: url('../img/work_icon.png') no-repeat; margin-left:6px; }
body.section-Контакт #nav li.Контакт a  { text-indent: -9999px; background: url('../img/contact_icon.png') no-repeat; margin-left:6px; }
#nav li.Блог a:hover { text-indent: -9999px; background: url('../img/blog_icon.png') no-repeat; margin-left:6px; }

/*DE VERSION*/
body.section-Anfang #nav li.Anfang a { text-indent: -9999px; background: url('../img/home.png') no-repeat; margin-left:6px; }
body.section-Leute #nav li.Leute a { text-indent: -9999px; background: url('../img/about_icon.png') no-repeat; margin-left:6px; }
body.section-Prozess #nav li.Prozess a { text-indent: -9999px; background: url('../img/how_we_work.png') no-repeat; margin-left:6px; }
body.section-Projekte #nav li.Projekte a { text-indent: -9999px; background: url('../img/work_icon.png') no-repeat; margin-left:6px; }
body.section-Kontakt #nav li.Kontakt a  { text-indent: -9999px; background: url('../img/contact_icon.png') no-repeat; margin-left:6px; }

ul#nav  a:hover{
    text-indent:-9999px;
}


ul#nav h1 {
    display     : none;
    opacity     : 0;
    position    : absolute;
    left        : 15px;
    top         : 0px;
    white-space : nowrap;
    padding     : 0 0 0 18px;
    overflow    : hidden;
    margin      : 0;
    font-size   : 16px;
}




/* END PARALLAX */


a {
    outline: none;
}

ol, ul {
	list-style: none;
}
a{
    text-decoration:none;
    color:#fff;
}

img{
  max-width: 100%;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 

@font-face{
font-family:'Comfortaa';
src: url('../fonts/Comfortaa-Bold.ttf');
}





/*=================================*/
/*         Main Page
/*=================================*/


#section-Home{
width:100%;
}




#container_header{
    z-index: 1;
    height:50px;
    width:100%;
    background:#002F2F;
}

#header_holder{
    width:100%;
    margin:0 auto;
    height:50px;
}


#social_lang_holder{
    position:relative;
    right:2%;
}

#copyright{
    float:left;
    position:absolute;
    left:2%;

}

#copyright p{
    line-height:50px;
    height:50px;
    color:#fff;
    font-size:1.14em;
    font-family:Comfortaa, arial, sans-serif;
}


#lang{
    
    float:right;
    line-height:20px;
    height:20px;
    font-weight:400;
    margin-top:15px;
    
}

#lang ul li{
    display:inline-block;
    color:#fff;
    font-family:"Myriad Pro", arial, sans-serif;
    margin-right:15px;
}

#lang ul li +li + li{
    border-right:1px solid rgba(255, 255, 255, 0.3);
    padding-right:30px;
}


#lang ul ul a{

}

#social{
    float:right;
    margin-top:14px;
}

#social ul li {
    display:inline-block;
    margin-left:15px;
}

#google{
    padding-top:14px;
}

#second_header{
    width:100%;
    
}


#left_info ul{
    position:absolute;
    left:6.5%;
    margin-top:3px;
    
  
}


#left_info{
    width:420px;
    height:72px;
    background: url("../img/left.png") no-repeat;
    float:left;
    font-family:"Myriad Pro", sans-serif;
    font-weight:500;
    color:#fff;
    font-size:1em;
    overflow:hidden;
    position:relative;
}


#right_info{
   width:420px;
    height:72px;
    background: url("../img/right.png") no-repeat;
    float:right;
    
}

#logo{
    width:18%;
    position:absolute;
    top:50px;
    left:43%;
   
}






.left_info_holder{
    width:350px;
}

.where_we_at{
    width:60px;
    display:block;
    border-right:1px solid #fff;
    margin-bottom:2px;
    font-size:12px;
    float:left;
    padding-right:5px;
   
}

.where_we_at_left{
    display:block;
    float:left;
    width:230px;
    margin-right:45px;
    font-size:14px;
    padding-left:20px;
 

}









#icons_holder{
    width:100%;
    height:50px;
    overflow:hidden;
    position:relative;
    right:2%;
}

#icons_holder ul li{
    display:inline-block;
    margin-top:15px;
    margin-right:1.1%;
    width:auto;
   
}



#right_info ul{
    margin-left:27%;
}

/*=================================*/
/*          Web Header
/*=================================*/






/*=================================*/
/*          Billboard
/*=================================*/


#slogan{
    width:580px;
    height:120px;
    background:rgba(38, 57, 61, 0.4);
    border-radius:20px 0 20px 0;
    margin:6% auto 0;
}

#slogan h2{
    font-size:2.286em;
    font-family:comfortaa, sans-serif;
    text-align:center;
    padding-top:10px;
    color:#fff;
}


#be_free_button_holder{
    margin:20% auto 0;
    width:240px;
    height:68px;
margin:10% auto 0;
}


#be_free_button{
    width:250px;
    height:68px;
    display:block;
    border:5px solid #fff;
    border-radius:9px;
    text-align:center;
   line-height:68px;
    font-size:1.571em;
    font-family:"comfortaa", Arial, sans-serif;
    color:#fff;
    font-weight:900;
    
}

/*=================================*/
/*          About
/*=================================*/





#about_us{
   max-width:1200px;
    width:100%;
     height:900px;
    margin:0 auto;
    position:relative;
    left:20px;
}

#about_us h2{
    font-size:35px;
    color:#fff;
    text-align:center;
   padding-top:20px;
}

.player_holder{
    float:left;
    margin-right:2.5em;
    margin-left:2.1875%;
    width:43%; /*520 / 1200 */
}


.players{
    width:98%;
    height:450px;
    margin-top:100px;
    
    
}

.players h3{
   font-size:2em;
    color:#FFFAE4;
}

.players h4{
    font-size:1.143em;
    color:#FFFAE4;
    margin-left:40px;
}

.players img {
    position:relative;
    top:-50px;
    float:right;
    margin-right:10px;
   /* width:57%; */
}

.players p{
    float:left;
    margin-top:100px;
    font-size:1.429em;
    color:#fff;
}


.about_the_players{
    width:100%;
    height:auto;
   background:#E8E595;
    border-radius: 15px 0 15px 0;
}

.about_the_players p{
    width:98%;
    height:auto;
    margin:0 auto;
    overflow:hidden;
    padding: 4px 4px 10px 4px;
    text-align: justify;
}



/*=================================*/
/*          How We Work
/*=================================*/

#how_we_work{
   width:1200px;
    height:790px;
    width:100%;
    margin:0 auto;

}

#how_we_work h2{
    font-size:2.5em;
    text-align:center;
    color:#3F617B;
    padding-top:20px;
}


.how_we_work_nav{
    width:700px;
    margin:0 auto;
    margin-top:30px;
    
}


#how_we_work ul li{
    display:inline-block;
    margin-left:20px;
}


.how_we_work_buttons_holder{
    width:200px;
    height:68px;
}

.how_we_work_buttons{
     display:block;
    width:200px;
    height:68px;
    line-height:68px;
    text-align:center;
    font-size:1.143em;
    font-family:"comfortaa" , Tahoma, sans-serif;
    color:#40627C;
    border-radius:9px;
    border:2px solid #E8E595;
    background:#E8E595;
    text-decoration: underline;
}

.how_we_work_buttons.b_active{
    display:block;
    width:200px;
    height:68px;
    line-height:68px;
    text-align:center;
    font-size:1.143em;
    font-family:"comfortaa" , Tahoma, sans-serif;
    color:#40627C;
    border-radius:9px;
    border:2px solid #D0A825;
    background: transparent;
}


#how_we_work h3{
    text-align:center;
    font-size:1.786em;
    font-weight:bold;
    margin-top:30px;
}

#meeting{
    position: relative;
    max-width:1200px;
    width:100%;
    margin:0 auto;
    
}

.meeting_and_creating_info{
    float:left;
    width:28.333333333333332%; /* 340 / 1200 */
    height:390px;
    margin-left:5%; /* 60 / 1200 */
    margin-top:30px;
    
}

.img_holder{
    width:100%;
    height:220px;
}

.meeting_and_creating_info img{
    margin-left:10.823529411764707%; /* 30 / 340 */
}
.meeting_and_creating_info p{
    margin-top:65px;
    font-size:14px;
    height:auto;
    margin-bottom:30px;
}

#thinking_parg{
margin-top: 66px;
}


.design_and_coding{
    width:45.83333333333333%; /* 550 / 1200 */
    float:left;
    margin-left:4.083333333333333%; /* 85 / 1200 */
    margin-top:50px;
    height:auto;
}

.design_and_coding img{
    width:50%;
}

.design_and_coding_info_holder{
    width:100%;
    height:150px;
}


.desing_and_coding_info{
    width:25.454545454545453%; /* 140 / 550 */
    float:left;
    height:150px;
    margin-right:2.727272727272727%; /* 15 / 550 */
    margin-left:4%; /* 22 / 550 */
    color:#000;

    
}
.desing_and_coding_info img{
    width:30%;
}


#fireworks_fix{
    margin-top:23.09090909090909%; /* 127 / 550 */
    width:100%;
}

#coding_part{
    display: none;
    max-width:1200px;
    width:100%;
}

#coding_part img{
    margin-top:70px;
    width:100%;
}


#end_work{
    max-width:1200px;
    margin:0 auto;
    display: none;
}


.end_work_info{
    float:left;
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
    width:18.333333333333332%; /* 220 / 1200 */
}


#center_that{
    width:66%; /*720 / 1200 */
    margin:0 auto;
    position:relative;
    left:50px;
}


#end_work_img{
    width:500px;
    margin:150px auto;
    
}


#end_work img{

}





/*=================================*/
/*          Our Work
/*=================================*/


#slider_work {
    background: #fff;
    border-radius: 17px;
    max-width:90%;
    height:660px;
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: 5%;
}

#slider_work > div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity: 0;
    height: 660px;
}

#slider_work > div.active {
    z-index:10;
    opacity: 1;
}

#slider_work > div.last-active {
    z-index:9;
}

#our_work{
  max-width:1200px;
    margin:0 auto;  
}

#our_work h2{
    font-size:2.5em;
    text-align:center;
    padding-bottom:40px;
    padding-top:1px;
    color:#fff;
}


.web_info{
    background:#fff;
    width:36%;
    height:auto;
    border-radius:5px;
    float:left;
    border:1px solid #000;
    margin-left:1.8%;
}

.web_info h3{
    font-size:1.143em;
    font-weight:bold;
    text-align:center;
    margin-top:15px;
}

.web_info h4{
    font-size:1.143em;
    text-align:center;
    margin-top:25px;
    padding-bottom:30px;
    border-bottom:1px dashed black;;
}


.web_discription{
    width:80%;
    margin:0 auto;
}

.web_discription p{
    text-align: justify;
}

.web_discription h5{
    font-size:1em;
    font-weight:bold;
    border-bottom:1px solid #000;
    padding-bottom:5px;
    margin-top:20px;
    margin-bottom:20px;
}


.the_website{
    float:left;
    width:50%;
}


.the_website img{
    max-width:100%;
    min-width:60%;
    margin-left:3%;
    margin-top:10%;
}


.websites{
    margin-top:50px;
    padding-bottom:40px;
    padding-right: 10px;
}

.websites a{
    color: #40627C;
    text-decoration: underline;
}



.web_info1{
    background:#fff;
    width:36%; /* 436 / 1200 */
    height:auto;
    border-radius:5px;
    float:right;
    margin-right:2%;
    border:1px solid #000;
}

.web_info1 h3{
    font-size:1.143em;
    font-weight:bold;
    text-align:center;
    margin-top:15px;
}

.web_info1 h4{
    font-size:1.143em;
    text-align:center;
    margin-top:25px;
    padding-bottom:30px;
    border-bottom:1px dashed #000;
}


.web_discription1{
    margin-left:54px;
}

.web_discription1 h5{
    font-size:1em;
    font-weight:bold;
    border-bottom:1px solid #000;
    padding-bottom:5px;
    margin-top:20px;
    margin-bottom:20px;
}


.the_website1{
    float:right;
    margin-top:100px;
    width:60%;
}



.the_website2{
    float:right;
    margin-top:100px;
    width:50%;
    margin-right:2.2%;
}

#playback {
    z-index: 999;
    display: block;
    width: 40px;
    margin: 0 auto;
    position:relative;
    bottom:5em;
}

#playback img{
    padding: 15px;
}






/*=================================*/
/*          Contact Us
/*=================================*/


#contact_us_background{
    background: url("../img/eb8.jpg") no-repeat;
}


#quick_form_wrapper{
    width:100%;
}


#contact_us{
min-height:1200px;
    max-width:1200px;
    width:100%;
    position:relative;
    left:10px;
    margin:0 auto;
}

#contact_us h2{
    font-size:2.5em;
    color:#fff;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
}

.contact_us_nav{
    width:610px;
    margin:20px auto;
}



.contact_us_nav ul li{
    display:inline-block;
}

.project_form_buttons{
    display:block;
    width:300px;
    height:56px;
    line-height:56px;
    border:1px solid #E6E394;
    background:transparent;
    color:#FFF;
    border-radius:0 5px 5px 0;
    text-align:center;
    font-size:1.429em;
    font-family:"Myriad Pro";
}

#form_button_one {
    border-radius: 5px 0 0 5px;
    background: #D0A825;
}


input[type="text"] {
    width:100%;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #7F8589;
    outline:none;

    height:32px;
    line-height:32px;

    background-color: transparent;
    font-size:1.714em;
    color:#fff;
}


input[type="text"]:focus{
    border-bottom: 1px solid #E8E595;
    outline:none;
}


textarea:focus{
     border-bottom: 1px solid #E8E595;
    outline:none;
}

textarea{
    max-height:100px;
    font-size:1.714em;
    color:#fff;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #7F8589;
    font-family:"Myriad Pro", sans-serif;
    font-weight:500;
    width:100%;
    background-color: transparent;
    overflow-y: hidden; /* prevents scroll bar flash */
    padding-top:.1em /* prevents text jump on Enter keypress */
}



#quick_form {
    display: none;
}


#quick_form_send{
    margin-top:50px;
    margin-bottom:20px;
    float:right;
    margin-right:50px
}

#detailed_form_send{
    margin-top:50px;
    margin-bottom:20px;
    float:right;
    margin-right:50px
}

.quick_form_holder2{
    padding-top:30px;
    padding-bottom:15px;
    max-width:91.66666666666666%; /* 1100px / 1200px */
    width:100%;
    margin:0 auto;
}


.quick_form_holder{
    padding-top:30px;
    padding-bottom:15px;
    max-width:91.66666666666666%; /* 1100px / 1200px */
    width:100%;
    margin:0 auto;
}

.quick_form_holder1{
    max-width:91.66666666666666%; /* 1100px / 1200px */
    width:100%;
    margin:0 auto;
    margin-top:20px;
}





#email_and_phone_holder{
    max-width:91.66666666666666%; /* 1100px / 1200px */
    width:100%;
    margin:20px auto;
}

#email{
    width:46.66666666666667%; /*500px / 1200px */
    float:left;
    padding-top:20px;
}




#phone{
    width:41.66666666666667%; /*500px / 1200px */
    float:right;
    padding-top:20px;
    margin-bottom:30px;
}


#detailed_form h3{
    font-size:2em;
    text-align:center;
    color:#fff;
    margin-top:40px;
}

#budget{
    max-width:1100px;
    width:100%;
    margin:40px auto 0;
}

#budget ul li{
    float:left;
    margin-left:1%;
}





.regular-radio {
	display: none;
}






.regular-radio + label {
	-webkit-appearance: none;
	 display:block;
    width:200px;
    height:52px;
    border:1px solid #7F8589;
    border-radius:5px;
    color:#7F8589;
    font-size:1.571em;
    font-family:"Myriad Pro", tahoma, sans-serif;
	display: inline-block;
	position: relative;
}




.regular-radio:checked + label:after {
	content: ' ';
    width:200px;
    height:52px;
    border:1px solid #E8E595;
    border-radius:5px;
    color:#E8E595;
    font-size:1.05em;
    font-family:"Myriad Pro", tahoma, sans-serif;
}




#radio-1-1 +label:after{
    content: "Up to $200";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-2 + label:after{
    content: "$200 - $500";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-3 +label:after{
    content: "$500 - $2000";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-4 +label:after{
    content: "$2000 and up";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-5 +label:after{
    content: "Not Sure";
    text-align:center;
    line-height:52px;
    display:block;
}



/* STRATEGY */

#radio-2-1  +label:after{
    content: "Full Service";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-2  +label:after{
    content: "Design only";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-3  +label:after{
    content: "Maintenance";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-4  +label:after{
    content: "Other";
    text-align:center;
    line-height:52px;
    display:block;
}




/* BG RADIO BUTTONS*/

#radio-1-1-bg +label:after{
    content: "До 300лв.";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-2-bg + label:after{
    content: "300 - 750лв.";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-3-bg +label:after{
    content: "750 - 3000лв.";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-4-bg +label:after{
    content: "> 3000лв.";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-5-bg +label:after{
    content: "Не е ясно";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-1-bg +label:after{
    content: "Цялостен";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-2-bg +label:after{
    content: "Дизайн";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-3-bg +label:after{
    content: "Поддръжка";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-4-bg +label:after{
    content: "Друг";
    text-align:center;
    line-height:52px;
    display:block;
}

/* END OF BG RADIO BUTTONS */



/* DE RADIO BUTTONS*/

#radio-1-1-de +label:after{
    content: "Bis €150";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-2-de + label:after{
    content: "€150 - €400";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-3-de +label:after{
    content: "€400 - €1500";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-4-de +label:after{
    content: "> €1500";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-1-5-de +label:after{
    content: "Unklar";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-1-de +label:after{
    content: "Komplett";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-2-de +label:after{
    content: "Nur Design";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-3-de +label:after{
    content: "Nur Pflege";
    text-align:center;
    line-height:52px;
    display:block;
}

#radio-2-4-de +label:after{
    content: "Anderes";
    text-align:center;
    line-height:52px;
    display:block;
}

/* END OF DE RADIO BUTTONS */



.regular-radio:checked:after {
	
    line-height:52px;
    text-align:center;
	top: 3px;
     width:200px;
    height:52px;
	font-size: 1.571em;
}

.regular-radio:checked {
	border: 1px solid #E8E595;
	color: #E8E595;
 
}


#project_type{
    width:1000px;
    margin:40px auto;
}


#project_type ul li{
    float:left;
    margin-left:3%;
}

.message_feedback {
    color: #ffa9af;
    margin: 0 auto;
    text-align: center;
}


/*=================================*/
/*          Web Footer
/*=================================*/


#container_footer{
    background:#FFFAE4;
    width:100%;
    height:30px;
    position: absolute;
    left: 0;
    bottom: 0;

}

#footer_arrow{
    width:80px;
    margin:0 auto;
}

/*=================================*/
/*          Web.Helpers
/*=================================*/


#container_header,
#second_header,
#icons_holder,
#right_info,
.players,
#about_us,
.player_holder,
#how_we_work,
.meeting_and_creating_info,
.design_and_coding,
#end_work,
.websites,
#contact_us,
#project_type,
#email_and_phone_holder,
#detailed_form,
#budget,
#detailed_form,
#project_type{
    zoom:1;
}

#container_header:after,
#second_header:after,
#icons_holder:after,
#right_info:after,
.players:after,
#about_us:after,
.player_holder:after,
#how_we_work:after,
.meeting_and_creating_info:after,
.design_and_coding:after,
#end_work:after,
.websites:after,
#contact_us:after,
#project_type:after,
#email_and_phone_holder:after,
#detailed_form:after,
#budget:after,
#detailed_form:after,
#project_type:after{
    display:block;
    content:"";
    clear:both;
}

/*=================================*/
/*          Responsive Querys
/*=================================*/

/* Large desktop */
@media (min-width: 1200px) { ... }


@media (min-width: 980px) and (max-width: 1082px) { 

    
    #project_type{
    width:760px;
}
    
    #budget{
        width:800px;
        margin:0 auto;
    }
    
    .regular-radio + label {
    width:140px;
    margin-left:10px;
    font-size:16px;
  }



.regular-radio:checked + label:after {
    width:140px;
    font-size:16px;
}


 
    
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 



#left_info{
    display:none;
        border:none;
}

#right_info{
    display:none;
}

#copyright{
    display:none;
}




/* Side Nav */

#nav{
    width:320px;
    height:60px;
    border:none;
   background:#002F2F;
    border-radius:5px 0 5px 0;
}


ul#nav {
    position : fixed;
    left     : 0.8%;
    top      : 0;
    z-index  : 999;
}

ul#nav li {
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    margin-right:11px;
   
    padding-top:5px;
    padding-bottom:10px;
    display:inline-block;
    

}



#container_header{
    height:60px;
    position:fixed;
}

#logo{
    width:18%;
    position:absolute;
    top:60px;
    left:41%;
   
}


#slogan{
    width:480px;
    height:100px;
}



#slogan h2{
    font-size:1.8em;
}




#be_free_button{
    width:200px;
    height:50px;
    font-size:1.3em;
    line-height:50px;
    
}



#section-About{
    height:800px;
}



.players p{
    font-size:0.9em;
}

.about_the_players {
    position:relative;
    bottom:120px;
}

.about_the_players p{
    font-size:0.75em;
}




.meeting_and_creating_info{
    margin-left:1%;
    margin-right:3%;
}




#section-Process{
    height:900px;
}

#budget{
    width:770px;
}

#project_type{
    width:680px;
}

.regular-radio + label {
    width:140px;
     font-size:16px
  }




.regular-radio:checked + label:after {
    width:140px;
    font-size:16px
}


.web_info{
   font-size:0.9em;
}

.web_info1{
   font-size:0.9em;
}


}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

#how_we_work{
        height:740;
    }

#left_info{
    display:none;
        border:none;
}

#right_info{
    display:none;
}

#copyright{
    display:none;
  
}

#lang{
    float:left;
      margin-left:30px;
}

#nav{
    display:none;
}

#slogan{
    width:400px;
    height:80px;
}



#slogan h2{
    font-size:1.4em;
}


#be_free_button_holder{
    width:180px;
}

#be_free_button{
    width:150px;
    height:50px;
    font-size:1.1em;
    line-height:50px;
    
}


#about_us{
    width:520px;
}

.player_holder{
    float:left;
    margin-right:2.5em;
    margin-left:2.1875%;
    width:500px;
    margin:20px auto 0;
}


.about_the_players{
    height:auto;
    margin-bottom:20px;
    margin-top:-20px;
}

.about_the_players p{
    font-size:0.85em;
}


#lang ul li +li + li{
    border-right:0;
}

#thinking_parg{
    margin:0;
}


.meeting_and_creating_info p{
    font-size:0.8em;
    margin-top:-10px;
}

.desing_and_coding_info{
    float:none;
    width:100%;
    height:70px;
    padding:0;
    font-size:0.8em;
}



.end_work_info{
    width:280px;
    margin:none;
    font-size:0.8em;
}


.web_info1{
   width:70%;
    margin: 0 auto;
    float:none;
}


.web_info{
   width:70%;
    margin: 0 auto;
    float:none;
}

.the_website1{
    display:none;
}

.the_website{
    display:none;
}


.the_website2{
    display:none;
}

#budget{
    float:left;
    width:210px;
    margin-left:4%
 
}

#project_type{
    float:right;
    width:210px;
    margin-right:4%;
}

#budget ul li{
    float:none;
}
#project_type ul li{
    float:none;
}



.contact_us_nav{
    width:410px;
    margin:20px auto;
}





.project_form_buttons{
    width:200px;
    height:46px;
    line-height:46px;
    border-radius:0 5px 5px 0;
    font-size:1.229em;
}



.how_we_work_nav{
    width:490px;
    margin:0 auto;
    margin-top:30px;
    
}


#how_we_work ul li{
    display:inline-block;
    margin-left:10px;
}


.how_we_work_buttons_holder{
    width:150px;
    height:48px;
}

.how_we_work_buttons{
    width:150px;
    height:48px;
    line-height:48px;
    font-size:1em;
}

.how_we_work_buttons.b_active{
    width:150px;
    height:48px;
    line-height:48px;
    font-size:1em;
}




.quick_form_holder2{
    margin-top:480px;
}












}

/* Landscape phones and down */
@media (max-width: 480px) {  }
